@charset "utf-8";
/* CSS Document */

/* Table 3 Style */
table.table3{
	position: absolute;
	
    font-family:Arial;
    font-size: 60px;
    font-style: normal;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: -1px;
    line-height: 1.7em;
    text-align:center;
	width:900px;
    border-collapse:collapse;
}
.table3 thead th{
    padding:6px 10px;
    text-transform:uppercase;
    color:#444;
    font-weight:bold;
    text-shadow:1px 1px 1px #fff;
    border-bottom:5px solid #444;
}
.table3 thead th:empty{
    background:transparent;
    border:none;
}
.table3 thead :nth-child(2),
.table3 tfoot :nth-child(2){
    background-color: #7FD2FF;
}
.table3 tfoot :nth-child(2){
    -moz-border-radius:0px 0px 0px 5px;
    -webkit-border-bottom-left-radius:5px;
    border-bottom-left-radius:5px;
}
.table3 thead :nth-child(2){
    -moz-border-radius:5px 0px 0px 0px;
    -webkit-border-top-left-radius:5px;
    border-top-left-radius:5px;
}
.table3 thead :nth-child(3),
.table3 tfoot :nth-child(3){
    background-color: #45A8DF;
}
.table3 thead :nth-child(4),
.table3 tfoot :nth-child(4){
    background-color: #2388BF;
}
.table3 thead :nth-child(5),
.table3 tfoot :nth-child(5){
    background-color: #096A9F;
}
.table3 thead :nth-child(5){
    -moz-border-radius:0px 5px 0px 0px;
    -webkit-border-top-right-radius:5px;
    border-top-right-radius:5px;
}
.table3 tfoot :nth-child(5){
    -moz-border-radius:0px 0px 5px 0px;
    -webkit-border-bottom-right-radius:5px;
    border-bottom-right-radius:5px;
}
.table3 tfoot td{
    font-size:48px;
    font-weight:bold;
    padding:15px 0px;
    text-shadow:1px 1px 1px #fff;
}
.table3 tbody td{
    padding:10px;
}
.table3 tbody tr:nth-child(4) td{
    font-size:46px;
    font-weight:bold;
}
.table3 tbody td:nth-child(even){
    background-color:#444;
    color:#444;
    border-bottom:1px solid #444;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.39, rgb(189,189,189)),
        color-stop(0.7, rgb(224,224,224))
        );
    background:-moz-linear-gradient(
        center bottom,
        rgb(189,189,189) 39%,
        rgb(224,224,224) 70%
        );
    text-shadow:1px 1px 1px #fff;
}
.table3 tbody td:nth-child(odd){
    background-color:#555;
    color:#f0f0f0;
    border-bottom:1px solid #444;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.39, rgb(85,85,85)),
        color-stop(0.7, rgb(105,105,105))
        );
    background:-moz-linear-gradient(
        center bottom,
        rgb(85,85,85) 39%,
        rgb(105,105,105) 70%
        );
    text-shadow:1px 1px 1px #000;
}
.table3 tbody td:nth-last-child(1){
    border-right:1px solid #222;
}
.table3 tbody th{
    color:#696969;
    text-align:right;
    padding:0px 10px;
    border-right:1px solid #aaa;
}
.table3 tbody span.check::before{
    content : url(../images/check2.png)
}


body, td, th {
	font-family: "微软雅黑";
	font-size: 12px;
	color: #000;
}
body {
	background: #274696;
	margin: 0px;
	background: url(../images/bg.jpg) no-repeat;
	overflow: hidden;
}
.quyu {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1280px;
	height: 1024px;
	overflow: hidden;
	z-index: 1;
}
#sytitle {
	position: absolute;
	width: 634px;
	height: 89px;
	left: 119px;
	top: 37px;
	text-align: center;
	font-size: 42px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 2px;
	text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .2);
	z-index: 2;
}
#times {
	position: absolute;
	top: 285px;
	left: 1120px;
	width: 60px;
	height: 60px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #FFF;
	overflow: hidden;
	text-align: center;
	line-height: 60px;
	border-radius: 30px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	font-size: 28px;
	background: url(../images/time.png);
	display: none;
	z-index: 99;
}
#star {
	position: absolute;
	left: 746px;
	top: 179px;
	width: 194px;
	height: 197px;
	z-index: 2;
	background: url(../images/login.png) left no-repeat;
	cursor: pointer;
}
#star:hover {
	background: url(../images/login1.png) left no-repeat;
}
#star:active {
	
	background: url(../images/login1.png) left no-repeat;
}
#register {
	position: absolute;
	left: 952px;
	top: 180px;
	width: 194px;
	height: 197px;
	z-index: 2;
	background: url(../images/user.png) left no-repeat;
	cursor: pointer;
	background-image: url(../images/reg.png);
}
#register:hover {
	background: url(../images/reg1.png) left no-repeat;
}
#register:active {

	background: url(../images/reg1.png) left no-repeat;
}
#chooseid {
	position: absolute;
	width: 383px;
	height: 580px;
	z-index: 3;
	left: 315px;
	top: -90px;
	background: #FFF;
	display: none;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	border-radius: 20px;
}
#chooseidtitle {
	position: absolute;
	top: 0px;
	left: 0px;
	background: #F60;
	color: #FFF;
	text-align: left;
	text-indent: 20px;
	font-size: 18px;
	font-weight: bold;
	width: 383px;
	line-height: 60px;
	letter-spacing: 2px;
	height: 60px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	border-radius: 20px 20px 0px 0px;
	background: url(../images/titlebg.jpg) repeat-x;
}
#choose {
	position: absolute;
	top: 60px;
	left: 0px;
	width: 383px;
	font-size: 18px;
}
#list1 {
	clear: both;
	border-bottom: #CCC solid 1px;
	background: url(../images/l1.jpg) 0px -5px no-repeat;
	color: #666;
	float: left;
	width: 383px;
	line-height: 70px;
	height: 70px;
	text-align: left;
	text-indent: 105px;
	cursor: pointer;
}
#list1:hover {
	color: #fff;
	background: url(../images/l11.jpg) 0px -5px no-repeat;
}
#list1:active {
	color: #fff;
	background: url(../images/l11.jpg) 0px -5px no-repeat;
}
#list2 {
	clear: both;
	border-bottom: #CCC solid 1px;
	background: url(../images/l2.jpg) 0px -5px no-repeat;
	color: #666;
	float: left;
	width: 383px;
	line-height: 70px;
	height: 70px;
	text-align: left;
	text-indent: 105px;
	cursor: pointer;
}
#list2:hover {
	color: #fff;
	background: url(../images/l22.jpg) 0px -5px no-repeat;
}
#list2:active {
	color: #fff;
	background: url(../images/l22.jpg) 0px -5px no-repeat;
}
#list3 {
	clear: both;
	border-bottom: #CCC solid 1px;
	background: url(../images/l3.jpg) 0px -5px no-repeat;
	color: #666;
	float: left;
	width: 383px;
	line-height: 70px;
	height: 70px;
	text-align: left;
	text-indent: 105px;
	cursor: pointer;
}
#list3:hover {
	color: #fff;
	background: url(../images/l33.jpg) 0px -5px no-repeat;
}
#list3:active {
	color: #fff;
	background: url(../images/l33.jpg) 0px -5px no-repeat;
}
#list4 {
	clear: both;
	border-bottom: #CCC solid 1px;
	background: url(../images/l4.jpg) 0px -5px no-repeat;
	color: #666;
	float: left;
	width: 383px;
	line-height: 70px;
	height: 70px;
	text-align: left;
	text-indent: 105px;
	cursor: pointer;
}
#list4:hover {
	color: #fff;
	background: url(../images/l44.jpg) 0px -5px no-repeat;
}
#list4:active {
	color: #fff;
	background: url(../images/l44.jpg) 0px -5px no-repeat;
}
#list5 {
	clear: both;
	border-bottom: #CCC solid 1px;
	background: url(../images/l5.jpg) 0px -5px no-repeat;
	color: #666;
	float: left;
	width: 383px;
	line-height: 70px;
	height: 70px;
	text-align: left;
	text-indent: 105px;
	cursor: pointer;
}
#list5:hover {
	color: #fff;
	background: url(../images/l55.jpg) 0px -5px no-repeat;
}
#list5:active {
	color: #fff;
	background: url(../images/l55.jpg) 0px -5px no-repeat;
}
#list6 {
	clear: both;
	border-bottom: #CCC solid 1px;
	background: url(../images/l6.jpg) 0px -5px no-repeat;
	color: #666;
	float: left;
	width: 383px;
	line-height: 70px;
	height: 70px;
	text-align: left;
	text-indent: 105px;
	cursor: pointer;
}
#list6:hover {
	color: #fff;
	background: url(../images/l66.jpg) 0px -5px no-repeat;
}
#list6:active {
	color: #fff;
	background: url(../images/l66.jpg) 0px -5px no-repeat;
}
#chooseidbottom {
	position: absolute;
	width: 383px;
	height: 60px;
	left: 0px;
	bottom: 20px;
}
#denglu {
	position: absolute;
	left: 95px;
	width: 200px;
	height: 60px;
	line-height: 60px;
}
#infoid {
	position: absolute;
	width: 680px;
	height: 400px;
	z-index: 4;
	left: 170px;
	top: 150px;
	background: #FFF;
	display: none;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	border-radius: 20px;
}
#infoidtitle {
	position: absolute;
	top: 0px;
	left: 0px;
	background: #F60;
	color: #FFF;
	text-align: left;
	text-indent: 20px;
	font-size: 18px;
	font-weight: bold;
	width: 680px;
	line-height: 60px;
	letter-spacing: 2px;
	height: 60px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	border-radius: 20px 20px 0px 0px;
	background: url(../images/titlebg.jpg) repeat-x;
}
#info {
	position: absolute;
	top: 90px;
	left: 25px;
	text-align: left;
	font-size: 18px;
	line-height: 60px;
}
#infoidbottom {
	position: absolute;
	width: 680px;
	height: 60px;
	left: 0px;
	bottom: 20px;
}
#sfztishi {
	position: absolute;
	top: 0px;
	left: 330px;
	width: 300px;
	font-size: 25px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	color: #666;
	line-height: 35px;
}
#gonext {
	position: absolute;
	width: 200px;
	height: 60px;
	line-height: 60px;
	left: 240px;
}
.btn:hover {
	color: #FFF;
	background: url(../images/bnt1.png) no-repeat center right;
	font-size: 20px;
}
.btn:active {
	color: #FFF;
	top: 2px;
	background: url(../images/bnt1.png) no-repeat center right;
	font-size: 20px;
}
.btn {
	position: relative;
	font-weight: bold;
	color: #FFF;
	letter-spacing: 2px;
	cursor: pointer;
	border-radius: 30px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
	text-align: center;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	background: url(../images/bnt.png) no-repeat center left;
	font-size: 18px;
}
#zhuangtai {
	position: absolute;
	width: 800px;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	font-size: 12px;
	left: 110px;
	display: none;
	top: 20px;
	background: #fff;
	z-index: 2;
}
#pchoose {
	clear: both;
	margin-left: 5px;
	line-height: 40px;
	font-size: 16px;
	color: #fff;
	border-radius: 30px;
	text-align: center;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
	background: #F60;
	background: url(../images/titlebg.jpg);
	height: 40px;
	width: 215px;
	font-weight: bold;
	cursor: pointer;
}
#pchooselist {
	position: absolute;
	width: 215px;
	height: 590px;
	overflow: hidden;
	background: #FFF;
	border-radius: 20px;
	left: 5px;
	top: 0px;
	z-index: 100;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}
.swiper-pchooselist {
	width: 215px;
	height: 590px;
}
.scrollbar-pchooselist {
	background: none;
	position: absolute;
	right: 3px;
	top: 0;
	height: 100%;
	width: 5px;
}
.scrollbar-pchooselist .swiper-scrollbar-drag {
	background: rgba(0,0,0,0.3);
}
#pchooselist .plist {
	clear: both;
	float: left;
	width: 180px;
	height: 210px;
	margin: 5px;
	border: #CCC solid 1px;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	font-size:15px;
	border-radius: 10px;
}
#pchooselist .plist:hover {
	color: #FFF;
	background: #F60;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}
#pchooselist .plist:active {
	color: #FFF;
	top: 4px;
	background: #F60;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}
#product {
	position: absolute;
	width: 900px;
	height: 660px;
	overflow: hidden;
	left: 60px;
	top: 100px;
	z-index: 2;
}
#product .arrow-left:hover {
	background: url(../images/arrow-left1.png) no-repeat;
}
#product .arrow-left:active {
	background: url(../images/arrow-left1.png) no-repeat;
	opacity: 0.5;
}
#product .arrow-left {
	background: url(../images/arrow-left.png) no-repeat;
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -70px;
	width: 80px;
	height: 80px;
	z-index: 99;
}
#product .arrow-right:hover {
	background: url(../images/arrow-right1.png) no-repeat;
}
#product .arrow-right:active {
	background: url(../images/arrow-right1.png) no-repeat;
	opacity: 0.5;
}
#product .arrow-right {
	background: url(../images/arrow-right.png) no-repeat left bottom;
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -70px;
	width: 80px;
	height: 80px;
	z-index: 99;
}
.swiper-parent {
	width: 900px;
	height: 660px;
	overflow: hidden;
}
.pagination-parent {
	position: absolute;
	left: 0;
	text-align: center;
	bottom: 5px;
	width: 100%;
	z-index: 99;
}
.pagination-parent .swiper-pagination-switch {
	display: inline-block;
	width: 50px;
	height: 3px;
	border-radius: 0px;
	background: #000;
	margin: 0 3px;
	cursor: pointer;
	opacity: 0.2;
}
.pagination-parent .swiper-active-switch {
	background: #fff;
}
.pro:hover {
	color: #FFF;
	background: #F60;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.pro:active {
	color: #FFF;
	top: 4px;
	background: #F60;
}
.pro {
	float: left;
	width: 215px;
	margin: 5px;
	height: 260px;
	overflow: hidden;
	font-weight: bold;
	background: #fff;
	letter-spacing: 2px;
	cursor: pointer;
	border-radius: 10px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
	text-align: center;
}
.jiage {
	color: #F00;
}
#proinfoid {
	position: absolute;
	width: 800px;
	height: 560px;
	z-index: 4;
	left: 110px;
	top: 100px;
	background: #FFF;
	display: none;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	border-radius: 20px;
}
#proinfotitle {
	position: absolute;
	top: 0px;
	left: 0px;
	background: #F60;
	color: #FFF;
	text-align: left;
	text-indent: 20px;
	font-size: 18px;
	font-weight: bold;
	width: 800px;
	line-height: 60px;
	letter-spacing: 2px;
	height: 60px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	border-radius: 20px 20px 0px 0px;
	background: url(../images/titlebg.jpg) repeat-x;
}
#proinfo {
	position: absolute;
	top: 90px;
	left: 25px;
	text-align: left;
	line-height: 20px;
}
#proinfobottom {
	position: absolute;
	width: 800px;
	height: 60px;
	left: 0px;
	bottom: 20px;
}
#pay1 {
	position: absolute;
	width: 160px;
	height: 60px;
	line-height: 60px;
	left: 150px;
}
#pay2 {
	position: absolute;
	width: 160px;
	height: 60px;
	line-height: 60px;
	left: 320px;
}
#pay3 {
	position: absolute;
	width: 160px;
	height: 60px;
	line-height: 60px;
	left: 490px;
}
.j:hover {
	color: #FFF;
	background: #F60;
	font-size: 28px;
	background: url(../images/bnt1.png);
}
.j:active {
	color: #FFF;
	top: 2px;
	background: #F60;
	font-size: 28px;
	background: url(../images/bnt1.png);
}
.j {
	position: relative;
	margin: 5px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	font-size: 22px;
	font-weight: bold;
	background: #06F;
	color: #FFF;
	cursor: pointer;
	border-radius: 30px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
	text-align: center;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	background: url(../images/bnt.png);
}
#infosk {
	position: absolute;
	width: 680px;
	height: 400px;
	z-index: 4;
	left: 170px;
	top: 150px;
	background: #FFF;
	display: none;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	border-radius: 20px;
}
#infosktitle {
	position: absolute;
	top: 0px;
	left: 0px;
	background: #F60;
	color: #FFF;
	text-align: left;
	text-indent: 20px;
	font-size: 18px;
	font-weight: bold;
	width: 680px;
	line-height: 60px;
	letter-spacing: 2px;
	height: 60px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	border-radius: 20px 20px 0px 0px;
	background: url(../images/titlebg.jpg) repeat-x;
}
#sk {
	position: absolute;
	top: 90px;
	left: 25px;
	text-align: center;
	font-size: 18px;
	color: #666;
	line-height: 60px;
}
#infoskbottom {
	position: absolute;
	width: 680px;
	height: 60px;
	left: 0px;
	bottom: 20px;
}
#knum {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	color: #666;
	clear: both;
	width: 280px;
	font-size: 25px;
	line-height: 30px;
	border: none;
}
#kpass {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	color: #666;
	clear: both;
	width: 200px;
	font-size: 25px;
	line-height: 30px;
}
#donghua {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 310px;
	height: 220px;
	overflow: hidden;
}
#sknext {
	position: absolute;
	width: 200px;
	height: 60px;
	line-height: 60px;
	left: 240px;
}
#infoload {
	position: absolute;
	width: 680px;
	height: 400px;
	z-index: 4;
	left: 170px;
	top: 150px;
	background: #FFF;
	display: none;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	border-radius: 20px;
}
#infoloadtitle {
	position: absolute;
	top: 0px;
	left: 0px;
	background: #F60;
	color: #FFF;
	text-align: left;
	text-indent: 20px;
	font-size: 18px;
	font-weight: bold;
	width: 680px;
	line-height: 60px;
	letter-spacing: 2px;
	height: 60px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	border-radius: 20px 20px 0px 0px;
	background: url(../images/titlebg.jpg) repeat-x;
}
#load {
	position: absolute;
	top: 90px;
	left: 25px;
	text-align: left;
	font-size: 18px;
	line-height: 30px;
}
#infoloadbottom {
	position: absolute;
	width: 680px;
	height: 60px;
	left: 0px;
	bottom: 20px;
}
#loadnext {
	position: absolute;
	width: 200px;
	height: 60px;
	line-height: 60px;
	left: 240px;
}
#infook {
	position: absolute;
	width: 680px;
	height: 400px;
	z-index: 4;
	left: 170px;
	top: 150px;
	background: #FFF;
	display: none;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	border-radius: 20px;
}
#infooktitle {
	position: absolute;
	top: 0px;
	left: 0px;
	background: #F60;
	color: #FFF;
	text-align: left;
	text-indent: 20px;
	font-size: 18px;
	font-weight: bold;
	width: 680px;
	line-height: 60px;
	letter-spacing: 2px;
	height: 60px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	border-radius: 20px 20px 0px 0px;
	background: url(../images/titlebg.jpg) repeat-x;
}
#ok {
	position: absolute;
	top: 90px;
	left: 25px;
	text-align: center;
	font-size: 18px;
	line-height: 60px;
}
#infookbottom {
	position: absolute;
	width: 680px;
	height: 60px;
	left: 0px;
	bottom: 20px;
}
#printok {
	position: absolute;
	width: 200px;
	height: 60px;
	line-height: 60px;
	left: 120px;
}
#fhok {
	position: absolute;
	width: 200px;
	height: 60px;
	line-height: 60px;
	left: 360px;
}
.cashbg {
	position: absolute;
	top: 0px;
	left: 330px;
	clear: both;
	width: 300px;
	height: 100px;
	line-height: 105px;
	background: #090;
	color: #FFF;
	font-size: 52px;
	font-family: "微软雅黑";
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	z-index: 2;
	overflow: hidden;
}
.cashmarst {
	position: absolute;
	top: 0px;
	left: 330px;
	clear: both;
	width: 300px;
	height: 100px;
	background: url(../images/countmarst.png);
	z-index: 4;
}
#dh {
	position: absolute;
	top: 120px;
	left: 0px;
	width: 310px;
	height: 220px;
	overflow: hidden;
}
#dhtishi {
	position: absolute;
	font-size: 20px;
	line-height: 30px;
	top: 120px;
	left: 320px;
	width: 380px;
	height: 220px;
	overflow: hidden;
}
#telinfo {
	position: absolute;
	font-size: 20px;
	line-height: 30px;
	top: 120px;
	left: 320px;
	width: 380px;
	height: 220px;
	overflow: hidden;
	display: none;
}
#tel {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	font-style: oblique;
	color: #666;
	clear: both;
	width: 300px;
	border: 0px;
	border-bottom: #666 solid 2px;
	font-size: 25px;
	line-height: 30px;
	letter-spacing: 2px;
}
#goback {
	float: left;
	margin-left: 30px;
	width: 100px;
	height: 60px;
	line-height: 60px;
}
#regquka {
	float: left;
	margin-left: 200px;
	width: 200px;
	height: 60px;
	line-height: 60px;
	overflow: hidden;
	display: none;
}
#regnext {
	float: right;
	margin-right: 30px;
	width: 200px;
	height: 60px;
	line-height: 60px;
	display: none;
}
#regprint {
	float: right;
	margin-right: 30px;
	width: 200px;
	height: 60px;
	line-height: 60px;
	display: none;
}
.red {
	color: #F00;
}
.blue {
	color: #03F;
}
.green {
	color: #060;
}

#TimerArea{
	position: absolute;
	top: 79px;
	left: 137px;
	background: #000000;
	color: #FFF;
	text-align: left;
	text-indent: 20px;
	font-size: 18px;
	font-weight: bold;
	width: 391px;
	line-height: 193px;
	letter-spacing: 2px;
	height: 193px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
	border-radius: 0px 0px 0px 0px;
	background-color:rgba(255,255,255,0.1);
	background-image: url(../images/timer.png);
	 }

#WeatherArea
{
	position: absolute;
	top: 403px;
	left: 135px;
	background: #000000;
	color: #FFF;
	text-align: left;
	text-indent: 20px;
	font-size: 18px;
	font-weight: bold;
	width: 393px;
	line-height: 160px;
	letter-spacing: 2px;
	height: 193px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
	border-radius: 0px 0px 0px 0px;
	background-color:rgba(255,255,255,0.1);
	background-image: url(../images/weather.png);
	 }

	#GadgetA
	{
	position: absolute;
	top: 179px;
	left: 542px;
	background: #000000;
	color: #FFF;
	text-align: left;
	text-indent: 20px;
	font-size: 18px;
	font-weight: bold;
	width: 193px;
	line-height: 160px;
	letter-spacing: 2px;
	height: 193px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
	border-radius: 0px 0px 0px 0px;
	background-color:rgba(255,255,255,0.1);
	
	 }

	 #GadgetB
	{
	position: absolute;
	top: 401px;
	left: 538px;
	background: #000000;
	color: #FFF;
	text-align: left;
	text-indent: 20px;
	font-size: 18px;
	font-weight: bold;
	width: 402px;
	line-height: 160px;
	letter-spacing: 2px;
	height: 193px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
	border-radius: 0px 0px 0px 0px;
	background-color:rgba(255,255,255,0.1);
	 }

	#GadgetC
	{
	position: absolute;
	top: 403px;
	left: 951px;
	background: #000000;
	color: #FFF;
	text-align: left;
	text-indent: 20px;
	font-size: 18px;
	font-weight: bold;
	width: 197px;
	line-height: 193px;
	letter-spacing: 2px;
	height: 193px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
	border-radius: 0px 0px 0px 0px;
	background-color:rgba(255,255,255,0.1);
	 }
	 
	 
	 #FunctionA
	 {
	position: absolute;
	top: 746px;
	left: 133px;
	background: #000000;
	color: #FFF;
	text-align: left;
	text-indent: 20px;
	font-size: 18px;
	font-weight: bold;
	width: 329px;
	line-height: 193px;
	letter-spacing: 2px;
	height: 198px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
	border-radius: 0px 0px 0px 0px;
	background-color:rgba(255,255,255,0.1);
	background-image: url(../images/话费充值bnt.png);
	 }
#FunctionA:hover {
	background: url(../images/话费充值bnt1.png) left no-repeat;
}
#FunctionA:active {
	
	background: url(../images/话费充值bnt1.png) left no-repeat;
}
 #FunctionB
	 {
	position: absolute;
	top: 746px;
	left: 477px;
	background: #000000;
	color: #FFF;
	text-align: left;
	text-indent: 20px;
	font-size: 18px;
	font-weight: bold;
	width: 328px;
	line-height: 193px;
	letter-spacing: 2px;
	height: 198px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
	border-radius: 0px 0px 0px 0px;
	background-color:rgba(255,255,255,0.1);
	background-image: url(../images/机票购买bnt.png);
	 }
 #FunctionC
	 {
	position: absolute;
	top: 746px;
	left: 820px;
	background: #000000;
	color: #FFF;
	text-align: left;
	text-indent: 20px;
	font-size: 18px;
	font-weight: bold;
	width: 330px;
	line-height: 193px;
	letter-spacing: 2px;
	height: 198px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
	border-radius: 0px 0px 0px 0px;
	background-color:rgba(255,255,255,0.1);
	background-image: url(../images/流动人员登记bnt.png);
	 }

#LOGO
{
	position: absolute;
	top: 30px;
	left: 120px;
	

	width: 398px;
	height: 76px;
	
	background-image: url(../images/LOGO.png);
}
#Task_title
{
	position: absolute;
	top: 39px;
	left: 47px;
	

	width: 211px;
	height: 77px;
	
	background-image: url(../images/任务标题-话费充值.png);
}

#LoginArea
{
	position: absolute;
	top: 60px;
	left: 938px;
	width: 117px;
	height: 40px;
	background-image: url(../images/会员登录A.png);
}

#Register
{
	position: absolute;
	top: 60px;
	left: 1099px;
	width: 121px;
	height: 40px;
	background-image: url(../images/会员注册A.png);
}

#Navigation
{
	position: absolute;
	top: 165px;
	left: 80px;
	width: 1234px;
	height: 68px;
	//background-image: url(../images/充值导航1.png);
	
}

#NavigationBG
{
	position: absolute;
	top: 152px;
	left: 38px;
	//background: #000000;
	color: #FFF;
	text-align: left;
	text-indent: 20px;
	font-size: 18px;
	font-weight: bold;
	width: 1205px;
	line-height: 82px;
	letter-spacing: 2px;
	height: 108px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	border-radius: 0px 0px 0px 0px;
	background-color:rgba(255,255,255,0.08);
	border: 0px solid transparent; 
	
	
}

#KeyBoardBG
{
position: absolute;
	top: 367px;
	left: 38px;
	background: #000000;
	color: #FFF;
	text-align: left;
	text-indent: 20px;
	font-size: 18px;
	font-weight: bold;
	width: 727px;
	line-height: 82px;
	letter-spacing: 2px;
	height: 471px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
	border-radius: 0px 0px 0px 0px;
	background-color:rgba(255,255,255,0.1);
	 border: 0px solid #dedede; 
}

#KeyBoardBG1
{
position: absolute;
	top: 367px;
	left: 779px;
	background: #000000;
	color: #FFF;
	text-align: left;
	text-indent: 20px;
	font-size: 18px;
	font-weight: bold;
	width: 463px;
	line-height: 82px;
	letter-spacing: 2px;
	height: 471px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
	border-radius: 0px 0px 0px 0px;
	background-color:rgba(255,255,255,0.1);
	border: 0px solid #dedede; 
}

#chellPhoneNumber
{
position: absolute;
	top: 439px;
	left: 104px;
	background: #000000;
	color: #FFF;
	text-align: left;
	text-indent: 20px;
	font-size: 18px;
	font-weight: bold;
	width: 485px;
	line-height: 82px;
	letter-spacing: 2px;
	height: 81px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
	border-radius: 0px 0px 0px 0px;
	background-color:rgba(255,255,255,0.1);

}

#k0_bnt
 {
	position: absolute;
	top: 649px;
	left: 620px;
	width: 30px;
	
	height: 30px;
	
	
	 }




#k1_bnt
 {
	position: absolute;
	top: 541px;
	left: 111px;
	width: 30px;
	letter-spacing: 2px;
	height: 30px;
	
	
	 }



#k2_bnt
 {
	position: absolute;
	top: 542px;
	left: 239px;
	width: 30px;
	
	height: 30px;
	
	
	 }



#k3_bnt
 {
	position: absolute;
	top: 540px;
	left: 365px;
	width: 30px;
	height: 30px;
	
}


#k4_bnt
 {
	position: absolute;
	top: 539px;
	left: 493px;
		width: 30px;
	height: 30px;
}


#k5_bnt
 {
	position: absolute;
	top: 540px;
	left: 619px;
		width: 30px;
	height: 30px;
}


#k6_bnt
 {
	position: absolute;
	top: 648px;
	left: 110px;
		width: 30px;
	height: 30px;
}


#k7_bnt
 {
	position: absolute;
	top: 648px;
	left: 237px;
		width: 30px;
	height: 30px;
}


#k8_bnt
 {
	position: absolute;
	top: 649px;
	left: 366px;
		width: 30px;
	height: 30px;
}


#k9_bnt
 {
	position: absolute;
	top: 648px;
	left: 493px;
		width: 30px;
	height: 30px;
}


#k20_bnt
 {
	position: absolute;
	top: 503px;
	left: 815px;
	width: 94px;
	height: 92px;
	background-image: url(../images/20_bnt.png);
	 }
#k20_bnt:hover {
	background: url(../images/20_bnt1.png) left no-repeat;
}
#k20_bnt:active {
	
	background: url(../images/20_bnt1.png) left no-repeat;
}


#k30_bnt
 {
	position: absolute;
	top: 499px;
	left: 947px;
	width: 94px;
	height: 92px;
	
	background-image: url(../images/30_bnt.png);
	 }
#k30_bnt:hover {
	background: url(../images/30_bnt1.png) left no-repeat;
}
#k30_bnt:active {
	
	background: url(../images/30_bnt1.png) left no-repeat;
}


#k50_bnt
 {
	position: absolute;
	top: 500px;
	left: 1074px;
	width: 94px;
	height: 92px;
	background-image: url(../images/50_bnt.png);
	 }
#k50_bnt:hover {
	background: url(../images/50_bnt1.png) left no-repeat;
}
#k50_bnt:active {
	
	background: url(../images/50_bnt1.png) left no-repeat;
}


#k100_bnt
 {
	position: absolute;
	top: 641px;
	left: 814px;
	width: 94px;
	height: 92px;
	
	background-image: url(../images/100_bnt.png);
	 }
#k100_bnt:hover {
	background: url(../images/100_bnt1.png) left no-repeat;
}
#k100_bnt:active {
	
	background: url(../images/100_bnt1.png) left no-repeat;
}


#k150_bnt
 {
	position: absolute;
	top: 640px;
	left: 948px;
	width: 94px;
	
	height: 92px;
	
	background-image: url(../images/150_bnt.png);
	 }
#k150_bnt:hover {
	background: url(../images/150_bnt1.png) left no-repeat;
}
#k150_bnt:active {
	
	background: url(../images/150_bnt1.png) left no-repeat;
}


#k200_bnt
 {
	position: absolute;
	top: 639px;
	left: 1073px;
	width: 94px;
	height: 92px;
	
	background-image: url(../images/200_bnt.png);
	 }
#k200_bnt:hover {
	background: url(../images/200_bnt1.png) left no-repeat;
}
#k200_bnt:active {
	
	background: url(../images/200_bnt1.png) left no-repeat;
}

#delete_bnt
 {
	position: absolute;
	top: 442px;
	left: 618px;
	width: 31px;
	height: 18px;
	
	
}

#tip_img
 {
	position: absolute;
	top: 323px;
	left: 817px;
	width: 157px;
	line-height: 193px;
	letter-spacing: 2px;
	height: 96px;
	
	background-image: url(../images/TipCharge_title.png);
}

#cellphoneNumberText
{
	border: 1px solid #ccc;
    padding: 2px;
	height: 36px;
    font-size: 1.2em;
    color: #444;
    width: 200px;
}


#cellphoneNext
{
position: absolute;
	top: 898px;
	left: 888px;
	width: 120px;
	height: 120px;
	
	background-image: url('../images/CellPhoneNext2.png');
	 }
#cellphoneNext:hover {
position: absolute;
	
	background: url('../images/CellPhoneNext2.png') left no-repeat;
}
#cellphoneNext:active {

	
	background: url('../images/CellPhoneNext2.png') left no-repeat;
}

#cellphonereturn
{
position: absolute;
	top: 899px;
	left: 1082px;
	width: 120px;
	height: 120px;
	
	background-image: url(../images/cellphonereturn1.png);
	 }
#cellphonereturn:hover {
	background: url(../images/cellphonereturn.png) left no-repeat;
}
#cellphonereturn:active {
	
	background: url(../images/cellphonereturn1.png) left no-repeat;
}

#cellphonereturnhome
{
position: absolute;
	top: 904px;
	left: 1077px;
	width: 120px;
	height: 120px;
	
	background-image: url(../images/CellphonReturnHome1.png);
	 }
#cellphonereturnhome:hover {
	background: url(../images/CellphonReturnHome.png) left no-repeat;
}
#cellphonereturnhome:active {
	
	background: url(../images/CellphonReturnHome1.png) left no-repeat;
}
#wrap 
{ border:1px solid #000;
  background:#F00;
  width:400px; 
  height:400px;
  position:relative; 
}
 
#content { 
	position: absolute;
	top: 295px;
	left: 35px;
	color: #FFF;
	text-align: left;
	text-indent: 5px;
	font-size: 28px;
	font-weight: bold;
	width: 1207px;
	letter-spacing: 2px;
	height: 57px;
	line-hight:57px;
	overflow:hidden;   
	vertical-align:middle;
	display: table-cell;
  }

#hintArea
{
position: absolute;
	top: 285px;
	left: 35px;
	background: #000000;
	color: #FFF;
	text-align: left;
	text-indent: 5px;
	font-size: 28px;
	font-weight: bold;
	width: 1207px;
	letter-spacing: 2px;
	height: 57px;
	line-hight:57px;
	overflow:hidden;   
	vertical-align:middle;
	display: table-cell;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
	border-radius: 0px 0px 0px 0px;
	background-color:rgba(255,255,255,0.1);
	
}
#WhowSelectMoney
{
position: absolute;
	top: 763px;
	left: 816px;
	color: #FFF;
	text-align: left;
	text-indent: 5px;
	font-size: 28px;
	font-weight: bold;
	width: 316px;
	letter-spacing: 2px;
	height: 57px;
	line-hight:57px;
	overflow:hidden;   
	vertical-align:middle;
	display: table-cell;
}
#AboutHelp
{
	position: absolute;
	top: 942px;
	left: 45px;
	width: 270px;
	height: 41px;
	
	background-image: url(../images/技术电话.png);
}
#tableInfo
{
	position: absolute;
	top: 442px;
	left: 40px;
	width: 1198px;
	height: 144px;
	background-image: url(../images/paymentInfo.png);
}


#cellphoneNum_table
{
	position: absolute;
	top: 93px;
	left: 40px;
	color: #FFF;
	text-align: left;
	text-indent: 5px;
	font-size: 28px;
	font-weight: bold;
	width: 238px;
	letter-spacing: 2px;
	height: 57px;

}

#cellphoneOpType_table
{
	position: absolute;
	top: 88px;
	left: 380px;
	color: #FFF;
	text-align: left;
	text-indent: 5px;
	font-size: 28px;
	font-weight: bold;
	width: 238px;
	letter-spacing: 2px;
	height: 57px;

}

#PaymentType_table
{
	position: absolute;
	top: 88px;
	left: 720px;
	color: #FFF;
	text-align: left;
	text-indent: 5px;
	font-size: 28px;
	font-weight: bold;
	width: 238px;
	letter-spacing: 2px;
	height: 57px;

}
#ActualPayment_table
{
	position: absolute;
	top: 88px;
	left: 999px;
	color: #FFF;
	text-align: left;
	text-indent: 5px;
	font-size: 28px;
	font-weight: bold;
	width: 238px;
	letter-spacing: 2px;
	height: 57px;

}
#insertCardTipsArea
{
position: absolute;
	top: 88px;
	left: 999px;
	color: #FFF;
	text-align: left;
	text-indent: 5px;
	font-size: 28px;
	font-weight: bold;
	width: 238px;
	letter-spacing: 2px;
	height: 57px;
}
#InsertCardTipPictureA
{
	position: absolute;
	top: 413px;
	left: -866px;
	width: 569px;
	height: 170px;
	background-image: url(../images/提示插卡.png);
}
#InsertCardTipPictureB
{
	position: absolute;
	top: 347px;
	left: -84px;
	width: 229px;
	height: 304px;
	background-image: url(../images/插卡图片.png);
}

#PasswordShowArea
{
position: absolute;
	top: 381px;
	left: 127px;
	background: #000000;
	color: #FFF;
	text-align: left;
	text-indent: 20px;
	font-size: 18px;
	font-weight: bold;
	width: 700px;
	letter-spacing: 2px;
	height: 386px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
	border-radius: 0px 0px 0px 0px;
	background-color:rgba(255,255,255,0.08);

}
#BankCardNumber
{

	position:relative;
	top:20px;
	left:0px;
	border: 0px solid #ccc;
    padding: 2px;
	height: 59px;
    font-size: 1.2em;
    color: #444;
    width: 100%px;
}
#BankPasswordInput
{
	position:relative;
	top: 10px;
	left: 0px;
	background: #000000;
	color: #FFF;
	text-align: left;
	text-indent: 20px;
	font-size: 18px;
	font-weight: bold;
	width: 100%;
	line-height: 82px;
	letter-spacing: 2px;
	height: 81px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
	border-radius: 0px 0px 0px 0px;
	background-color:rgba(255,255,255,0.1);
}
#PasswordText
{
	border: 1px solid #ccc;
    padding: 2px;
	height: 36px;
    font-size: 1.2em;
    color: #444;
    width: 200px;
}
#TipInputUpderKeyBoard
{
	position: absolute;
	top: 213px;
	left: 64px;
	width: 306px;
	height: 20px;
	background-image: url(../images/提示输入密码.png);
}
#PasswordShowAreaB
{
	position: absolute;
	top: -1px;
	left: 760px;
	width: 226px;
	height: 379px;
	background-image: url(../images/输入密码指示.png);
}

#chargeSuccess
{
	position: absolute;
	top: 381px;
	left: 127px;
	background: #000000;
	color: #FFF;
	text-align: left;
	text-indent: 20px;
	font-size: 18px;
	font-weight: bold;
	width: 700px;
	letter-spacing: 2px;
	height: 386px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
	border-radius: 0px 0px 0px 0px;
	background-color:rgba(255,255,255,0.1);
}
#chargeSuccessTips
{
	position: absolute;
	top: 55px;
	left: 218px;
	width: 244px;
	height: 105px;
	background-image: url(../images/充值成功.png);
}
#chargeSuccessExitCard
{
	position: absolute;
	top: -2px;
	left: 766px;
	width: 244px;
	height: 378px;
	background-image: url(../images/取银联卡提示图.png);

}

#chargeSuccessPrint
{
position: absolute;
	top: 227px;
	left: 280px;
	width: 118px;
	height: 57px;
	
	background-image: url(../images/打印凭条.png);
	 }
#chargeSuccessPrint:hover {
	background: url(../images/打印凭条1.png) left no-repeat;
}
#chargeSuccessPrint:active {
	
	background: url(../images/打印凭条1.png) left no-repeat;
}


